<script lang="ts" setup>
import useThemeStore from '@/store/theme.ts'
import {storeToRefs} from 'pinia'
import CollapseIcon from './components/CollapseIcon.vue'
import Breadcrumb from './components/Breadcrumb.vue'

const themeStore = useThemeStore()
const {breadcrumb} = storeToRefs(themeStore)
</script>

<template>
	<div class="tool-bar-lf">
		<CollapseIcon id="collapseIcon"/>
		<Breadcrumb v-if="breadcrumb" id="breadcrumb"/>
	</div>
</template>

<style lang="scss" scoped>
.tool-bar-lf {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	white-space: nowrap;
}
</style>
